.dm-gallery-bg {
    position: absolute;
    z-index: 100000;
    background-color: black;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.dm-gallery-img-bg {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: -100vw;
    bottom: 0;
    left: -100vw;
}

.dm-gallery-img {
    width: 100vw;
    max-height: 80vh;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s linear;
}
.dm-gallery-img.current {
    left: 100vw;
}
.dm-gallery-img.next {
    left: 200vw;
}
.dm-gallery-img.last {
    left: 0;
}

.dm-gallery-button {
    height: 10vh;
    width: 10vh;
    position: absolute;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
}
.dm-gallery-button.last {
    background: url(imgs/last-button.png);
    background-size: 20% !important;
    bottom: 0;
    left: 0;
}
.dm-gallery-button.next {
    background: url(imgs/next-button.png);
    background-size: 20% !important;
    bottom: 0;
    right: 0;
}
.dm-gallery-button.cancel {
    background: url(imgs/cancel-button.png);
    background-size: 35% !important;
    top: 0;
    left: 0;
}